<!doctype html>
<html>
  
  <head>
    <meta charset="utf-8">
    <title>确认订单-{$tpshop_config['shop_info_store_title']}</title>
    <meta http-equiv="keywords" content="{$tpshop_config['shop_info_store_keyword']}" />
    <meta name="description" content="{$tpshop_config['shop_info_store_desc']}" /></head>
  
  <body class="vip_index">
    <!--------头部开始-------------->
    <include file="Public/header" />
    <!--------头部结束-------------->
    <link rel="stylesheet" href="/Template/pc/kty/Static/css/commit_order.css" />
    <div class="savek">
      <form name="cart2_form" id="cart2_form" method="post">
        <h3 class="title1">选择收货地址</h3>
        <div class="kuang1 ftl" id="ajax_address">
          <!--ajax 返回收货地址--></div>
        <h3 class="title2">选购清单</h3>
        <div class="kuang2">
          <p style="margin-left: 22px">产品</p>
          <p style="margin-left: 502px">单价</p>
          <p style="margin-left: 248px">数量</p>
          <p style="margin-left: 280px">实付款</p>
        </div>
        <div class="cphz" id="ajax_return">
          <!--  ajax renturn -->
        </div>
        <div class="qxk">
          <div class="qx"></div>
          <p class="quanxuan">全选</p>
          <p class="shanchu" onclick="del_cart_more();">删除</p></div>
        <div class="zong">
          <div class="zjk">
            <p class="yunfei ftl">运费：
              <span id="postFee"></span></p>
            <p class="spje ftl">商品金额：
              <span id="goodsFee"></span></p>
            <p class="zje ftl">总金额：
              <span id="payables"></span></p>
          </div>
        </div>
        <a href="javascript:submit_order();">
          <div class="submitk">提交订单</div></a>
      </form>
    </div>
    <div class="ftmg"></div>
    <!--------footer-开始-------------->
    <include file="Public/footer" />
    <!--------footer-结束--------------></body>

</html>
<script>
$(document).ready(function() {
    ajax_address(); // 获取用户收货地址列表
    ajax_cart_list(0); // ajax 请求获取购物车列表
});

  /**
* 新增修改收货地址
* id 为零 则为新增, 否则是修改
*  使用 公共的 layer 弹窗插件  参考官方手册 http://layer.layui.com/
*/
  function add_edit_address(id) {
    if (id > 0) var url = "/index.php?m=Home&c=User&a=edit_address&scene=1&call_back=call_back_fun&id=" + id; // 修改地址  '{:U('Home/User/add_address',array('scene'=>'1','call_back'=>'call_back_fun','id'=>id))}' //iframe的url /index.php/Home/User/add_address
    else var url = "/index.php?m=Home&c=User&a=add_address&scene=1&call_back=call_back_fun"; // 新增地址
    layer.open({
      type: 2,
      title: '添加收货地址',
      shadeClose: true,
      shade: 0.8,
      area: ['880px', '580px'],
      content: url,
    });
  }
  // 添加修改收货地址回调函数 
  function call_back_fun(v) {
    layer.closeAll(); // 关闭窗口
    ajax_address(); // 刷新收货地址 
  }

  // 删除收货地址
  function del_address(id) {
    if (!confirm("确定要删除吗?")) return false;

    $.ajax({
      url: "/index.php?m=Home&c=User&a=del_address&id=" + id,
      success: function(data) {
        ajax_address(); // 刷新收货地址
      }
    });
  }

  /*
  * ajax 获取当前用户的收货地址列表
  */
  function ajax_address() {
    $.ajax({
      url: "{:U('Home/Cart/ajaxAddress')}",
      success: function(data) {
        $("#ajax_address").html(data);
        $('#address_id').val($('.address_id.gou').data('val'));
        if(data != '') // 有收货地址列表 再计算价钱
          ajax_order_price(); // 计算订单价钱
      }
    });
  }

  // 切换收货地址
  function swidth_address(obj) {
    var province_id = $(obj).attr('data-province-id');
    var city_id = $(obj).attr('data-city-id');
    var district_id = $(obj).attr('data-district-id');
    $(".gouzi").removeClass('gou');
    $(obj).addClass('gou');
    $('#address_id').val($(obj).data('val'));
    if ($('#address_id').length > 0) ajax_order_price(); // 计算订单价格
  }

  // 获取订单价格
  function ajax_order_price() {

    $.ajax({
      type: "POST",
      url: "{:U('Home/Cart/cart3')}",
      //+tab,
      data: $('#cart2_form').serialize() + "&act=order_price",
      // 你的formid
      dataType: "json",
      success: function(data) {

        if (data.status != 1) {
          // alert(data.msg); //执行有误
          layer.alert(data.msg, {
            icon: 2
          });

          // 登录超时
          if (data.status == -100) location.href = "{:U('Home/User/login')}";

          return false;
        }
        //$("#couponFee, #pointsFee, #order_prom_amount").css('display','none');
        // $("#couponFee").text(data.result.couponFee); // 优惠券      
        // $("#balance").text(data.result.balance); // 余额 
        // $("#pointsFee").text(data.result.pointsFee); // 积分支付     
        // $("#order_prom_amount").text(data.result.order_prom_amount); // 订单 优惠活动      
        $("#postFee").text("￥"+data.result.postFee); // 物流费
        $("#goodsFee").text("￥"+data.result.goodsFee); // 物流费
        $("#payables").text("￥"+data.result.payables); // 应付       
      }
    });
  }

  // 提交订单
  ajax_return_status = 1;
  function submit_order() {
    if (ajax_return_status == 0) return false;

    ajax_return_status = 0;

    $.ajax({
      type: "POST",
      url: "{:U('Home/Cart/cart3')}",
      //+tab,
      data: $('#cart2_form').serialize() + "&act=submit_order",
      // 你的formid
      dataType: "json",
      success: function(data) {

        if (data.status != '1') {
          // alert(data.msg); //执行有误
          layer.alert(data.msg, {
            icon: 2
          });
          // 登录超时
          if (data.status == -100) location.href = "{:U('Home/User/login')}";

          ajax_return_status = 1; // 上一次ajax 已经返回, 可以进行下一次 ajax请求
          return false;
        }    

        layer.msg('订单提交成功，跳转支付页面!', {
          icon: 1,
          // 成功图标
          time: 2000 //2秒关闭（如果不配置，默认是3秒）
        },
        function() { // 关闭后执行的函数
          location.href = "/index.php?m=Home&c=Cart&a=cart4&order_id=" + data.result; // 跳转到结算页
        });
      }
    });
  }
</script>

<!-- 购物车部分js -->
<script>
// ajax 提交购物车
var before_request = 1; // 上一次请求是否已经有返回来, 有才可以进行下一次请求
function ajax_cart_list(is_request_price = 1){
  
  
  if(before_request == 0) // 上一次请求没回来 不进行下一次请求
      return false;
  before_request = 0;
    
  $.ajax({
    type : "POST",
    url:"{:U('Home/Cart/ajaxCartList')}",//+tab,
    data : $('#cart2_form').serialize()+'&cart_step=2',// 你的formid
    success: function(data){
      $("#ajax_return").html(data);
      before_request = 1;
      if (is_request_price) {
        // 计算价格
        ajax_order_price();
      }
    }
  });
}

/**
* 购买商品数量加加减减
* 购买数量 , 购物车id , 库存数量
*/
function switch_num(num,cart_id,store_count)
{
  var num2 = parseInt($("input[name='goods_num["+cart_id+"]']").val());
  num2 += num;
  if(num2 < 1) num2 = 1; // 保证购买数量不能少于 1
  if(num2 > store_count) 
  {   
      error = "库存只有 "+store_count+" 件, 你只能买 "+store_count+" 件";
      layer.alert(error, {icon: 2});  
    num2 = store_count; // 保证购买数量不能多余库存数量   
  }

  $("input[name='goods_num["+cart_id+"]']").val(num2);

  ajax_cart_list(); // ajax 更新商品价格 和数量
}


/**  全选 反选 **/        
function check_all()
{    
  var vt = $("#select_all").is(':checked');
  $("input[name^='cart_select']").prop('checked',vt);
  // var checked = !$('#select_all').attr('checked');
  // $("input[name^='cart_select']").attr("checked",!checked);      
   ajax_cart_list(); // ajax 更新商品价格 和数量   
}
 
 
// ajax 删除购物车的商品
function ajax_del_cart(ids)
{
  $.ajax({
    type : "POST",
    url:"{:U('Home/Cart/ajaxDelCart')}",//+tab,
    data:{ids:ids}, // 
      dataType:'json',    
    success: function(data){
      // alert(data.msg);
       if(data.status == 1)       
        ajax_cart_list(); // ajax 请求获取购物车列表              
    }
  });
}

// 批量删除购物车的商品
function del_cart_more()
{
  if(!confirm('确定要删除吗?')) 
    return false;
  // 循环获取复选框选中的值  
  var chk_value = [];
  $('.checkk.gou1').each(function(){
    var s_name = $(this).children('input').attr('name');
    var id = s_name.replace('cart_select[','').replace(']','');   
    chk_value.push(id);
  });
  // ajax  调用删除
  if(chk_value.length > 0)
    ajax_del_cart(chk_value.join(','));
}

// 全选按钮
$(".qx, .quanxuan").click(function(){
  if($('.qx').hasClass("gou2")){
    $(".checkk").removeClass("gou1");
    $(".qx").removeClass("gou2");
    $(".qx, .checkk").children('input').val(0);
  }else{
    $(".checkk").addClass("gou1");
    $(".qx").addClass("gou2");
    $(".qx, .checkk").children('input').val(1);
  }
  ajax_cart_list();
});
</script>
<!-- /购物车部分js -->